<template>
  <a-card>
    <MdEditor v-model="text" />
    {{ text }}

    <a-divider />

    <MdViewer v-model="text" />
  </a-card>
</template>

<script lang="ts" setup>
import MdEditor from '@/components/text/MdEditor.vue'
import { ref } from 'vue'
import MdViewer from '@/components/text/MdViewer.vue'

const text = ref<string>('')
</script>

<style lang="scss" scoped></style>
